<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>


    <a href="./16_test.html">1111</a>

    <span>跳转到百度</span>

    <script>

        // window对象常见的属性
        //   navigator 
        //       appVersion / userAgent  查看浏览器的详细信息

        //   history   记录当前窗口打开过的网页
        //       length  长度
        //       forward()   前进一下
        //       back()   后退一下
        //       go(n)  去到指定的历史记录页面


        //   location
        //       href 完整的地址栏信息
        //       protocol : 协议  ---  http协议或者https协议
        //       hostname : 域名
        //       port :  端口号
        //       pathname : 路径

        //     https://www.jd.com/




        console.log(window.navigator);

        console.log(window.navigator.appVersion);

        console.log(window.navigator.userAgent);


        if (window.navigator.appVersion.includes('Chrome')) {
            // alert('你正在使用谷歌浏览器')
        }

        else if (window.navigator.appVersion.includes('iPhone')) {
            // alert('你正在使用苹果手机')
        }



        console.log(window.history);


        // window.history.forward()


        var oSpan = document.querySelector('span');

        oSpan.onclick = function () {
            location.href = 'http://www.baidu.com'
        }



    </script>

</body>

</html>